<script setup>
import Up from "@/components/Up.vue";
import Sidebar from "@/components/Sidebar.vue";
import Content from "@/components/Content.vue";
import Bottom from "@/components/Bottom.vue";
</script>
<template>
  <div style="height: auto">
  <el-row style="height: 10%">
    <el-col :span="24">
      <up></up>
    </el-col>
  </el-row>
  <el-row style="height: 80%;">
    <el-col :span="4" style="height: 100%; background-color: #EEEEEE">
      <sidebar></sidebar>
    </el-col>
    <el-col :span="20" style="padding: 20px;background-color: azure; height: 100%;">
      <content></content>
    </el-col>
  </el-row>
  <el-row style="height: 10%">
    <el-col :span="24">
      <bottom></bottom>
    </el-col>
  </el-row>
  </div>
</template>
<style scoped>
</style>